<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/material.css">
    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <title></title>

    <script type="text/javascript">
        $(function(){
            $("#save").click(function(){

               function getUrlParam(materialId) {
                    var reg = new RegExp("(^|&)" + materialId + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                    var r = window.location.search.substr(1).match(reg); //匹配目标参数
                    if (r != null) return unescape(r[2]); return null; //返回参数值
                }
            
            var materialId=getUrlParam('materialId');
                // 请求数据体
                var requestData = {					
                    'materialId' :materialId, // 通过id查找标签元素，val()获取该标签元素的值
//                    'bookId' : "001",
                    'rentNumber' : $('#rentNumber').val(),
                    'rentTime' : $('#rentTime').val(),
                    'remark' : $('#remark').val()
                    };

                $.ajax({
                    url:"/api/v1/material/rent",
                    type:"POST",
                    data: JSON.stringify(requestData), // data:发送数据，JSON.stringify()转成json字符串
                    crossDomain: true, // 跨域，即不同域名、端口号可以访问
                    contentType: 'application/json; charset=utf-8',  // 请求体数据格式 json字符串

                    success:function(d){ // 请求成功时执行的回调函数，d: 返回数据(json格式)
                        //alert("ok")
                        if(d['status']==500){
                            alert(d['data']);
                        }
                        if(d['status']==200){
                            alert("新增成功");
                            window.opener.location.href = window.opener.location.href;
                            window.close();
                        }
                    },
                    error:function(){}, // 同理，请求失败执行的回调函数
                    dataType:"json" // 返回数据的格式 json
                });
            });

            $("#back").click(function(){

                window.open ("material_manageInfo.html?",
								"newwindow", "height=400px, width=400, top=200px, left=500px, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")&nbsp; 


            });

        });
        
    </script>

</head>
<body>
    <div>
        <div class="functionLabel">
            器材模块-->租借器材<br><br><br><br>
        </div>
        <div class="addMaterial">

            <form>

                    租借数量&emsp;&emsp;&emsp;&emsp;
                    <input type="text" id="rentNumber"><br><br>

                    租借日期&emsp;&emsp;&emsp;&emsp;
                    <input type="text" id="rentTime"><br><br>

                    备&emsp;&emsp;注&emsp;&emsp;&emsp;&emsp;
                    <input type="text" id="remark"><br><br>

                    <input type="submit" value="确认" id="save">&emsp;&emsp;&emsp;&emsp;
                    <input type="button" value="返回" id="back">
                    

            </form>
        </div>
    </div>
    
</body>
</html>